@import "./theme/base-import.less";

.feedback {
    position: absolute;
    width: 100%;
    height: 100%;
    background: @defaultBgColor;
    padding: 14px;
    box-sizing: border-box;
    .questionName {
      font-size: @subTitle;
      color: #666666;
      position: relative;
      &::after {
        content: "*";
        color: @warningColor;
        display: block;
        position: absolute;
        right: -14px;
        top: 0;
        font-size: 18px;
      }
    }
    .questionType {
      .singleBtn {
        padding-top: 10px;
        display: flex;
        div {
          margin-right: 10px;
          border-radius: 16px;
          font-size: @content;
          padding: 10px 12px;
          background-color: @pageBgColor;
        }
  
        .active {
          background-color: #c9e5fc;
        }
      }
    }
  
    .userInput {
      .input {
        margin-top: 10px;
        .van-field {
          background-color: @cellBgColor;
          .cellBorderRadius(1);
        }
      }
    }
  
    .submit {
      padding: 16px 3rem;
      display: flex;
      justify-content: center;
      button {
        flex: 1;
        border: none;
      }
    }
  }